//- 先去这个pug文件中找
extends ../commons/commons.pug

block append pageStyle
	link(href="${relativePath}/static/css/shopping/shopIndex.css" rel="stylesheet" type="text/css")
	link(href="${relativePath}/static/css/shopping/rightOrder.css" rel="stylesheet" type="text/css")
	link(href="${relativePath}/static/css/shopping/madeProcess.css" rel="stylesheet" type="text/css")

block content
	div.headerBox
		div.layout.topheadBox
			//- div.topHead
			//- 	div.imgBox
			//- 		img(src="${relativePath}/static/imgs/img01.png")
			//- 		span.beCertified 已实名
			//- 	div.txBigBox
			//- 		p.designName 
			//- 			| 志玲广告工作室
			//- 			| <i>4.0分</i>
			//- 		p.txtBox
			//- 			span.provice.hasBorder 郑州市
			//- 			span.kinds 普通安装
			//- 		p.txtBox
			//- 			span.provice.hasBorder 姓名：谢**
			//- 			span.kinds 电话：123****2345
			//- 	div.btnsBox
			//- 		a.chat(href="javascript:;") 聊天
			//- 		a.rightnow(href="javascript:;") 立刻下单
			//- 		a.fr.concern(href="javascript:;") 关注
	//- 相册/已评论
	div.commentBox
		ul.titleList
			li.myAlbum.current 个人相册
			li 评论

		//- 下面盒子
		//- 个人相册
		div.allBox.alumsBox
			ul.ablums
				//- li
				//- 	img(src="${relativePath}/static/imgs/img01.png")
				//- 	p IMGkenenghuiyoudongxi 
				//- 	div.mask
				//- 		i

		//- 评论
		div.allBox.commentBox(style="display:none;")
			div.allComment
				ul.plNav
					li.current.allPj
					li.imgPj
					li.goodPj 
					li.centerPj 
					li.badPj
				div.commentList
					//- div.plCon
					//- 	div.leftHead.fl
					//- 		img(src="${relativePath}/static/imgs/headImg.png")
					//- 	div.textRight.fl
					//- 		p.businessInfo
					//- 			a.buyInfo.fl(href="javasctipt:;") 上帝买家
					//- 			span.commentDate.fr 2017-08-10
					//- 			a.busName.fr(href="javascript:;") 河南省标识汇
					//- 		p.detailTxt 质量非常好，与卖家描述的完全一致，非常满意,真的很喜欢，完全超出期望值，发货速度非常快，包装非常仔细、严实，物流公司服务态度很好，运送速度很快，很满意的一次购物。

					//- //- 评论有图片显示
					//- div.busImgBox
					//- 	ul
					//- 	div.bigImg
					//- 		//- a(href="javascript:;")
					//- 		//- 	img(src="")

					//- //- 商家回复
					//- div.businessReply
					//- 	div.replyTxt 商家回复：感谢您对我们商品的支持！成交不是结束，而是服务的开始！祝您健康、幸福^_^
			

	//- 评论列表
	script#community(type="text/html")
		div.plCon
			div.leftHead.fl
				img(src="{{avatar_img}}")
			div.textRight.fl
				p.businessInfo
					a.buyInfo.fl(href="javasctipt:;") {{member_name}}
					span.commentDate.fr {{comment_time}}
					a.busName.fr(href="javascript:;") {{company_name}}
				p.detailTxt {{contents}}

		//- 评论有图片显示
		| {{if imgs != ""}}
		div.busImgBox
			ul
				| {{each imgs img}}
				li
					| <img data="{{img}}" src="{{img}}" />
				| {{/each}}
			div.bigImg
		| {{/if}}

		//- 商家回复
		| {{if recontents != ''}}
		div.businessReply
			div.replyTxt 商家回复：{{recontents}}
		| {{/if}}
	//- 评论带图片

	//- 个人信息模板
	script#personMsg(type="text/html")
		div.topHead
			div.imgBox
				img(src="{{avatar_img}}")
				| {{if verify_status =="2"}}
				span.beCertified 已实名
				| {{/if}}
			div.txBigBox
				p.designName {{company_name}}
					//- | <i>4.0分</i>
				p.txtBox
					span.provice.hasBorder {{city_name}}
					span.kinds {{category_name}}
				p.txtBox
					span.provice.hasBorder 姓名：{{nice_name}}
					span.kinds 电话：{{phone}}
			div.btnsBox
				a.chat(href="javascript:;") 聊天
				a.rightnow(href="javascript:;") 立刻下单
				| {{if is_concern == "1"}}
				a.fr.concern.current(href="javascript:;") 已关注
				| {{else}}
				a.fr.concern(href="javascript:;") 关注
				| {{/if}}

	//- 我的个人相册列表
	script#myAlbmList(type="text/html")
		| {{set phones = data.photo}}
		| {{each phones arr}}
		li
			img(src="{{arr.img}}")
			p {{arr.add_time}}
			div.mask
				i
		| {{/each}}

	//- 分页
	div.pageBox
		nav.pageNav
			
			div.paginationOne.page


block pageScript

	script.

		$(function() {

			//- 点击li显示
			$(".titleList li").click(function() {
				var $this = $(this).index();
				$(this).addClass("current").siblings().removeClass("current");
				$(".commentBox .allBox").hide().eq($this).show();
			})

			// 评论列表thisRequest.id
			$.getJSON(shopIp+"/Goods/goods_appraise?callback=?",{
				userToken:token,
				member_id:thisRequest.id,
				os:"web"
			},function(data){
				
				var communityData = data.data;
				var merge = communityData.merge;
				//console.log(merge);
				//- 所有评论
				$(".allPj").append("全部（"+merge.total+"）");
				$(".imgPj").append("图片（"+merge.imgsTotal+"）");
				$(".goodPj").append("好评（"+merge.lovePoint+"）");
				$(".centerPj").append("中评（"+merge.centrePoint+"）");
				$(".badPj").append("差评（"+merge.wrongPoint+"）");
				console.log(communityData.comment);
				if(communityData.comment == null) {
					$(".commentList").append("<img class='imgBig' src='${relativePath}/static/imgs/zw.png'/>");
					$(".commentList").css("text-align","center");
				}else{
					for(var i=0;i<communityData.comment.length;i++){
						var comment = communityData.comment[i];
						var comPic = comment.imgs;
						var communityHtml = template("community",comment);
						$(".commentList").append(communityHtml);
					}	
				}
				
				//- 点击小图显示大图
				$(".busImgBox").on("click", "li", function() {
					var attr = $(this).find("img").attr("data");
					var picEle = "<a href='javascript:;'><img src='"+attr+"'></a>";
					$(this).closest("ul").next(".bigImg").html(picEle);
				})

				//- 鼠标点击图片放大效果
				$(".busImgBox").on("click","li",function(){
					$(this).addClass("current").siblings().removeClass("current");
				})
			});

			//- 鼠标放在个人相册信息
			//- $(".ablums").on("mouseover","li",function() {
			//- 	$(this).children(".mask").show();
			//- })
			//- //- 鼠标离开个人相册信息
			//- $(".ablums").on("mouseleave","li",function() {
			//- 	$(this).children(".mask").slideUp(100);
			//- })

			//- //- 点击删除个人相册
			//- $(".ablums").on("click",".mask i",function() {
			//- 	$(this).closest("li").remove();
			//- })

			//- 点击取消关注
			$(".topheadBox").on("click",".concern",function() {
				if($(this).hasClass("current")) {
					$(this).html("关注");
					$(this).removeClass("current");

					//- 取消关注
					$.post(shopIp+"/Concern/concern",{
						userToken:token,
						concern_id:thisRequest.id
					},function(data) {
						layer.msg(data.msg);
					})
				} else{
					$(this).html("已关注");
					$(this).addClass("current");

					$.post(shopIp+"/Concern/concern",{
						userToken:token,
						concern_id:thisRequest.id
					},function(data) {
						layer.msg(data.msg);
					})
				}
			})

			//- 获取个人信息内容
			$.post(shopIp+"/user/info",{
				userToken:token,
				user_id:thisRequest.id
			},function(data) {
				//console.log(data);
				var headData = template("personMsg",data.data);
				//console.log(headData);
				$(".topheadBox").append(headData);
			})

			//- 获取我的相册列表
			function myAblums(pageNum) {
				$.post(shopIp+"/user/typeInfoPhoto",{
					userToken:token,
					user_id:thisRequest.id,
					type:2,
					size:5,
					page:pageNum
				},function(data) {
					var imgs = template("myAlbmList",data);
					if(data.data.photo == "") {
						$(".ablums").append("<img class='imgBig' src='${relativePath}/static/imgs/zw.png'/>");
						$(".ablums").css("text-align","center");
					}else{
						$(".ablums").append(imgs);
					}
					$(".page").html("").pagination({
						pageCount : data.data.pageCount,
						current : pageNum,
						keepShowPN : true,
						count : 2,
						homePage : "1",
						endPage : data.data.pageCount,
						coping : true,
						prevContent : "< 上一页",
						nextContent : "下一页 >",
						callback : function(page) {
							myAblums(page.getCurrent());
						}
					});
				})
			}
			myAblums(1);

		})
		